@extends('layouts.app')
@section('title', '广场')

@section('content')
    <!-- 广场Home -->
    <div class="squareHome">
        <div class="crumbs">
            <ol class="breadcrumb">
                <li> <span class="glyphicon glyphicon-home " aria-hidden="true"></span>   <a href="javascript:;">首页</a></li>
                <li><a href="#">广场</a></li>
                <li class="active"><a href="#">所有帖子</a></li>
            </ol>
        </div>
        <div class="mainCont fl">
            <div class="title">
                <ul class="nav nav-pills fl">
                    <li role="presentation" class="active"><a href="#" title="活跃">活跃</a></li>
                    <li role="presentation"><a href="#" title="精华">精华</a></li>
                    <li role="presentation"><a href="#" title="最新">最新</a></li>
                    <li role="presentation"><a href="#" title="零回复">零回复</a></li>
                </ul>
            </div>
            <div class="itemList">
                <div class="item">
                    <img class="headImg" src="img/tx_01.jpg" alt="">
                    <div class="word">
                        <a href=" {{ route('forum.post') }} " title="招聘信息] 南京招聘C++音视频工程师"><i>[招聘信息]</i>南京招聘C++音视频工程师<var>New</var></a>
                        <div class="litInfo">
                            <p>发布人：bcjc308</p><p>发布时间：1小时前</p>
                        </div>
                    </div>
                    <span><i>52</i><br>回复</span>
                </div>
                <div class="item">
                    <img class="headImg" src="img/tx_01.jpg" alt="">
                    <div class="word">
                        <a href="#" title="招聘信息]海康威视高清红外网络摄像机实时单帧图片（2048*1536）获取"><i>[招聘信息]</i>海康威视高清红外网络摄像机实时单帧图片（2048*1536）获取海康威视高清红外网络摄像机实时单帧图片（2048*1536）获取</a>
                        <div class="litInfo">
                            <p>发布人：bcjc308</p><p>发布时间：1小时前</p>
                        </div>
                    </div>
                    <span><i>52</i><br>回复</span>
                </div>
                <div class="item">
                    <img class="headImg" src="img/tx_01.jpg" alt="">
                    <div class="word">
                        <a href="#" title="招聘信息] 南京招聘C++音视频工程师"><i>[招聘信息]</i>南京招聘C++音视频工程师<var>New</var></a>
                        <div class="litInfo">
                            <p>发布人：bcjc308</p><p>发布时间：1小时前</p>
                        </div>
                    </div>
                    <span><i>52</i><br>回复</span>
                </div>
                <div class="item">
                    <img class="headImg" src="img/tx_01.jpg" alt="">
                    <div class="word">
                        <a href="#" title="招聘信息]海康威视高清红外网络摄像机实时单帧图片（2048*1536）获取"><i>[招聘信息]</i>海康威视高清红外网络摄像机实时单帧图片（2048*1536）获取海康威视高清红外网络摄像机实时单帧图片（2048*1536）获取</a>
                        <div class="litInfo">
                            <p>发布人：bcjc308</p><p>发布时间：1小时前</p>
                        </div>
                    </div>
                    <span><i>52</i><br>回复</span>
                </div>
                <div class="item">
                    <img class="headImg" src="img/tx_01.jpg" alt="">
                    <div class="word">
                        <a href="#" title="招聘信息] 南京招聘C++音视频工程师"><i>[招聘信息]</i>南京招聘C++音视频工程师<var>New</var></a>
                        <div class="litInfo">
                            <p>发布人：bcjc308</p><p>发布时间：1小时前</p>
                        </div>
                    </div>
                    <span><i>52</i><br>回复</span>
                </div>
                <div class="item">
                    <img class="headImg" src="img/tx_01.jpg" alt="">
                    <div class="word">
                        <a href="#" title="招聘信息]海康威视高清红外网络摄像机实时单帧图片（2048*1536）获取"><i>[招聘信息]</i>海康威视高清红外网络摄像机实时单帧图片（2048*1536）获取海康威视高清红外网络摄像机实时单帧图片（2048*1536）获取</a>
                        <div class="litInfo">
                            <p>发布人：bcjc308</p><p>发布时间：1小时前</p>
                        </div>
                    </div>
                    <span><i>52</i><br>回复</span>
                </div>
                <div class="item">
                    <img class="headImg" src="img/tx_01.jpg" alt="">
                    <div class="word">
                        <a href="#" title="招聘信息] 南京招聘C++音视频工程师"><i>[招聘信息]</i>南京招聘C++音视频工程师<var>New</var></a>
                        <div class="litInfo">
                            <p>发布人：bcjc308</p><p>发布时间：1小时前</p>
                        </div>
                    </div>
                    <span><i>52</i><br>回复</span>
                </div>
                <div class="item">
                    <img class="headImg" src="img/tx_01.jpg" alt="">
                    <div class="word">
                        <a href="#" title="招聘信息]海康威视高清红外网络摄像机实时单帧图片（2048*1536）获取"><i>[招聘信息]</i>海康威视高清红外网络摄像机实时单帧图片（2048*1536）获取海康威视高清红外网络摄像机实时单帧图片（2048*1536）获取</a>
                        <div class="litInfo">
                            <p>发布人：bcjc308</p><p>发布时间：1小时前</p>
                        </div>
                    </div>
                    <span><i>52</i><br>回复</span>
                </div>
                <div class="item">
                    <img class="headImg" src="img/tx_01.jpg" alt="">
                    <div class="word">
                        <a href="#" title="招聘信息] 南京招聘C++音视频工程师"><i>[招聘信息]</i>南京招聘C++音视频工程师<var>New</var></a>
                        <div class="litInfo">
                            <p>发布人：bcjc308</p><p>发布时间：1小时前</p>
                        </div>
                    </div>
                    <span><i>52</i><br>回复</span>
                </div>
                <div class="item">
                    <img class="headImg" src="img/tx_01.jpg" alt="">
                    <div class="word">
                        <a href="#" title="招聘信息]海康威视高清红外网络摄像机实时单帧图片（2048*1536）获取"><i>[招聘信息]</i>海康威视高清红外网络摄像机实时单帧图片（2048*1536）获取海康威视高清红外网络摄像机实时单帧图片（2048*1536）获取</a>
                        <div class="litInfo">
                            <p>发布人：bcjc308</p><p>发布时间：1小时前</p>
                        </div>
                    </div>
                    <span><i>52</i><br>回复</span>
                </div>
                <div class="item">
                    <img class="headImg" src="img/tx_01.jpg" alt="">
                    <div class="word">
                        <a href="#" title="招聘信息] 南京招聘C++音视频工程师"><i>[招聘信息]</i>南京招聘C++音视频工程师<var>New</var></a>
                        <div class="litInfo">
                            <p>发布人：bcjc308</p><p>发布时间：1小时前</p>
                        </div>
                    </div>
                    <span><i>52</i><br>回复</span>
                </div>
                <div class="item">
                    <img class="headImg" src="img/tx_01.jpg" alt="">
                    <div class="word">
                        <a href="#" title="招聘信息]海康威视高清红外网络摄像机实时单帧图片（2048*1536）获取"><i>[招聘信息]</i>海康威视高清红外网络摄像机实时单帧图片（2048*1536）获取海康威视高清红外网络摄像机实时单帧图片（2048*1536）获取</a>
                        <div class="litInfo">
                            <p>发布人：bcjc308</p><p>发布时间：1小时前</p>
                        </div>
                    </div>
                    <span>52<br>回复</span>
                </div>
            </div>
            <div class="more">
                <a href="#" title="更多内容">更多内容</a>
            </div>
        </div>
        <div class="classify fr">
            <div class="releasePost">
                <button type="submit" class="btn btn-primary btn-block" onclick="javascrtpt:window.location.href='{{ route('topics.create') }}'" >
                    发 布 帖 子
                </button>
            </div>
            <div class="plate">
                <div class="tit"><h3>板块分类</h3></div>
                <div class="cont">
                    <ul>
                        <li><img src="img/img_sm07.jpg" alt=""><a href="#" title="经典问答">经典问答</a></li>
                        <li><img src="img/img_sm08.jpg" alt=""><a href="#" title="经典面试题">经典面试题</a></li>
                        <li><img src="img/img_sm09.jpg" alt=""><a href="#" title="招聘信息">招聘信息</a></li>
                        <li><img src="img/img_sm10.jpg" alt=""><a href="#" title="学习资料">学习资料</a></li>
                        <li><img src="img/img_sm11.jpg" alt=""><a href="#" title="学员作品">学员作品</a></li>
                        <li><img src="img/img_sm12.jpg" alt=""><a href="#" title="学生感言">学生感言</a></li>
                        <li><img src="img/img_sm13.jpg" alt=""><a href="#" title="职业生涯">职业生涯</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

@stop
@section('script')
    <script>

    </script>
@stop